<template>
    <div>
        <div class="nav">
            <router-link to="/discover/tuijian">推荐</router-link>
            <router-link to="/discover/toplist">排行榜</router-link>
            <router-link to="/discover/songlist">歌单</router-link>
        </div>
        <router-view />
        <img src="@/assets/微信图片_20230304164231.jpg" alt="">
    </div>
</template>

<script>
export default {

}
</script>

<style>
img {
    width: 100%;
    height: 902px;
}

.nav {
    height: 50px;
    background: rgb(194, 12, 12);
    display: flex;
}

.nav a {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: aliceblue;
}

.nav a.router-link-active {
    color: hotpink;
}
</style>